<ion-view view-title="项目档案">
	<ion-nav-buttons side="right">
		<span ng-hide="vm.showContent" ng-click="showFilters()">
      <span class="nav-right-button ion-ios-pricetags" style="font-size: 26px;margin-top: 3px"></span>
		</span>
	</ion-nav-buttons>
	<ion-nav-buttons side="left">
		<span ng-if="vm.showContent" class="nav-right-button" style="font-size: 1.6rem" ng-click="hideContent()">
            <i class="icon ion-android-arrow-back"></i>
        </span>
	</ion-nav-buttons>
	<ion-content ng-class="{'bottom-bg':vm.showFilters}" delegate-handle="trackListScroll" class="my-bg" scroll="false">
    <div style="position: absolute;" id="projectContentId">

    </div>
    <ion-scroll delegate-handle="my-handle" style="height: 100%">
      <ion-refresher ng-hide="vm.showContent" pulling-text="下拉刷新" on-refresh="doRefresh(user.userId,'PROJECT_TRACK')"></ion-refresher>
      <ion-list ng-hide="vm.showContent">
        <div class="item item-input list-search">
          <i class="icon ion-search placeholder-icon"></i>
          <input type="text" placeholder="搜索" ng-model="vm.search">
          <div ng-show="vm.showFilterTag" ng-click="hideFilterTag()" class="filter-tag">{{vm.choiceFilter}} X</div>
        </div>
        <div style="height: 40px; width: 100%; background-color: white; position: absolute; top: 0;"></div>
        <ion-item style="margin-bottom: 20px;" class="item-padding-left" ng-repeat="item in items | filter: projectFilter | filter: vm.choiceFilter">
          <ion-item class="item-bg" ng-click="forwardTrackContent(item)">
            <span class="project-spms-title">{{$index+1}}.{{item.projectNumber}}</span>
            <span class="project-spms-status">{{item.statusDesc}}</span>
          </ion-item>
          <ion-item class="item-bg">
            <img ng-src="img/icon-people.png">
            <span class="project-spms-label">客户名称</span>
            <span class="project-spms-info">{{item.customerName}}</span>
          </ion-item>
          <ion-item class="item-bg">
            <img ng-src="img/icon1.png">
            <span class="project-spms-label">客户联系人</span>
            <span class="project-spms-info" style="min-width: 40%">{{item.contacts}}  {{item.contactsTel}}</span>
          </ion-item>
          <ion-item class="item-bg">
            <img ng-src="img/icon-building.png">
            <span class="project-spms-label">所属地区</span>
            <span class="project-spms-info">{{item.regionDesc}}</span>
          </ion-item>
          <ion-item class="item-bg">
            <img ng-src="img/icon-building.png">
            <span class="project-spms-label">详细地址</span>
            <span class="project-spms-info">{{item.address}}</span>
          </ion-item>
          <ion-item class="item-bg">
            <img ng-src="img/icon-pen.png">
            <span class="project-spms-label">意向备注</span>
            <span class="project-spms-info">{{item.remark}}</span>
          </ion-item>
          <ion-item class="item-button-right" style="padding: 3px 3%; margin-left: 0px;">
            <button ng-click="forwardTrackContent(item)" class="button-tasks">项目档案</button>
          </ion-item>
        </ion-item>
      </ion-list>
    </ion-scroll>

	</ion-content>
	<!--筛选-->
	<div ng-show="vm.showFilters" class="filters-mask"></div>
	<div style="top: {{vm.isIos?64:44}}px" ng-show="vm.showFilters" class="filters-bg">
		<ion-scroll has-bouncing="false" style="max-height: 300px">
			<ul style="background-color: white">
				<li ng-click="choiceFilter(item.lookupMeaning)" class="filters-item" ng-repeat="item in filterItems">
					{{item.lookupMeaning}}
				</li>
			</ul>
		</ion-scroll>
	</div>
</ion-view>
